<script>document.cookie="last=pages/editortexto/portapapeles.php";</script>

<?php
$tutorial=2;
$step=1;
?>

<?php if($_COOKIE['so']=='w7') {
    $so="W7";
    $simple_select="<b>realice un clic <i>izquierdo</i> </b>";
	$nombre_SO="Windows 7";
    ?>
    <link rel="stylesheet" type="text/css" media="all" href="css/editor_W7.css">
<?php }?>

<?php if($_COOKIE['so']=='xp') {
    $so="XP";
    $simple_select="<b>realice un clic <i>izquierdo</i> </b>";
	$nombre_SO="Windows XP";
    ?>
    <link rel="stylesheet" type="text/css" media="all" href="css/editor_XP.css">
<?php }?>

<?php if($_COOKIE['so']=='android') {
    $so="Android";
    $simple_select="toque una vez";
	$nombre_SO="Android";
    ?>
    <link rel="stylesheet" type="text/css" media="all" href="css/editor_Android.css">
<?php }?>

<link rel="stylesheet" type="text/css" media="all" href="css/wordpad.css">
<script src="js/text-editor.js"></script>

<p class="xl">Editor de texto enriquecido</p>
<p class="large separado"><u>Manejo del portapapeles</u></p>
<p>
	Una vez iniciado el editor, usted deberá visualizarlo en pantalla como se muestra a continuación.
	A través del siguiente tutorial usted aprenderá a manejar el portapapeles, que básicamente es un área no visible donde 
	usted puede almacenar y recuperar texto temporalmente. Los tópicos de este tutorial serán las operaciones
	de copiado, pegado y cortado de texto en el editor.
</p>

<?php
	if($_COOKIE['so']=='w7')
		include_once("./htm/editor_W7.htm");
	if($_COOKIE['so']=='xp')
		include_once("./htm/editor_XP.htm");
	if($_COOKIE['so']=='android')
		include_once("./htm/editor_Android.htm");
?>

<p id="T2S1" style="text-align: left">Para empezar a escribir en el editor, <b><?= $simple_select ?></b> en la hoja del mismo, 
	que es el área de color blanco.<br>
	<span id="T2S1-complete"></span>
</p>

<p id="T2S2" style="display: none; text-align: left">Ahora usted visualizará el cursor en la hoja, esto quiere decir que ya puede escribir 
	desde su teclado. <b>Escriba</b> algún texto y presione la tecla ENTER.<br>
	<span id="T2S2-complete"></span>
</p>

<p id="T2S3" style="display: none;text-align: left">Para copiar texto, <b>seleccione</b> la parte del mismo que desea copiar y  
	<b><?= $simple_select ?></b> sobre el botón copiar <img src="img/wordpad/<?= $so ?>/copy_button.png">.<br>
	<span id="T2S3-complete"></span>
</p>

<p id="T2S4" style="display: none;text-align: left">Para pegar el texto copiado anteriormente, si lo desea <b> <?= $simple_select ?> </b> 
	en el lugar de la hoja donde desea pegar (en esta versión simulada del editor se pegará siempre al comienzo de la hoja, 
	pero en el editor real se pegará el texto donde usted elija).
	<br> Ahora <?= $simple_select ?> </b> sobre el botón pegar
	<img src="img/wordpad/<?= $so ?>/paste_button.png">.<br>
	<span id="T2S4-complete"></span>
</p>

<p id="T2S5" style="display: none;text-align: left">Para cortar texto <b> seleccione</b> la parte del mismo que desea cortar y
	<b> <?= $simple_select ?> </b> sobre el botón cortar <img src="img/wordpad/<?= $so ?>/cut_button.png">.<br>
	<span id="T2S5-complete"></span>
</p>

<div id="T2-complete" class="oculto">
	<p class="felicitacion">¡Felicitaciones, ha aprendido a operar sobre el portapaeles del editor de texto enriquecido de <?= $nombre_SO ?> !</p>
	<p>Haga clic sobre el siguiente enlace para <a href="#" onclick="load('./pages/editortexto/fuente.php')" data-ajax="false">seguir aprendiendo</a>.</p>
</div>
